<!doctype html>
<html lang="es">
<head>
	<meta charset="UTF-8">
	<title>Login</title>
	<?php include("template/encabezado.php"); ?>
  <link href="css/signin.css" rel="stylesheet">
  
    <script>

        $(document).on("ready",function(){

          $(".alert").hide();
 
          $("#enviar").click(function(){

            if($("#correo").val()==="" || $("#contrasena").val()===""){
                $(".alert").show();
            }
            
            });
          
        });
      
    </script>
    
    <!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
    <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
    
   <!-- <script src="../../assets/js/ie-emulation-modes-warning.js"></script> -->

    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
    <!-- <script src="../../assets/js/ie10-viewport-bug-workaround.js"></script> -->

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>
<body>
	<div class="container ">

    <div class="page-header col-titulo" >
        <h1>¿Donde estan mis impuestos?</h1>
      </div>

		
				<!--<div class="panel panel-default">
				  <div class="panel-body">
				    Ejemplo de panel muy sencillo
				  </div>
				</div> -->
        <div class="alert alert-warning" onclick="$('.alert').hide()">
            <button type="button" class="close" >&times;</button>
            <strong>¡Cuidado!</strong> Necesita llenar todos los datos.
        </div>

      <div class="panel panel-default">
      <div class="panel-heading text-center"><h3>Ingrese sus credenciales</h3></div>
      <div class="panel-body">
      <img src="img/logoo.png" alt="logo" class="img-circle imgLogin">
      <form class="form-signin" role="form" action="index.php">
        
        <div class="form-group">
          <label for="ejemplo_email_1">Usuario</label>
          <input type="email" class="form-control" id="correo"
                 placeholder="Introduce tu email" title="Por ejemplo: miCorreo@servidor.com" required autofocus>

        </div>

        <div class="form-group">
          <label for="ejemplo_password_1">Contraseña</label>
          <input type="password" class="form-control" id="contrasena" 
                 placeholder="Contraseña" title="Se necesita la contraseña"maxlength="12" required >
        </div>
        
        <div class="row">
        <div class="col-xs-12"> <button id="enviar" class="btn btn-lg btn-primary btn-block" type="submit">Entrar</button></div>
       
        </div>
      </form>
      
		</div>
      </div>
	</div>
</body>
</html>